<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>修改</title>
    <link rel="stylesheet" type="text/css" href="../../layui/css/layui.css">
</head>
<body>

<form class="layui-form" action="javascript:;"  >
    <div class="layui-form-item">
        <div class="layui-input-block">
            <input type="hidden" name="carouselId">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">名称:</label>
        <div class="layui-input-block">
            <input type="text" name="imgTitle" required  lay-verify="required" placeholder="请输入名称" autocomplete="off" class="layui-input" width="200px">
        </div>
    </div>

<!--    <div class="layui-form-item">-->
<!--        <label class="layui-form-label">上线/下线:</label>-->
<!--        <div class="layui-input-block">-->
<!--            <input type="radio" name="display" value="2" title="上线" checked>-->
<!--            <input type="radio" name="display" value="3" title="下线" >-->
<!--        </div>-->
<!--    </div>-->

<!--    <div class="layui-form-item">-->
<!--        <label class="layui-form-label" placeholder="请选择轮播图类型">轮播图类型:</label>-->
<!--        <div class="layui-input-inline">-->
<!--            <select name="imgType" lay-verify="required">-->
<!--                <option value=""></option>-->
<!--                <option value="图片">图片</option>-->
<!--                <option value="视频">视频</option>-->
<!--            </select>-->
<!--        </div>-->
<!--    </div>-->


    <div class="layui-form-item">
        <label class="layui-form-label required">结束时间:</label>
        <div class="layui-input-block">
            <input type="text" name="endDate" class="layui-input" id="js"></td>
        </div>
    </div>

    <!-- 图片上传 -->
    <div class="layui-form-item">
        <label class="layui-form-label">轮播图片:</label>
        <div class="layui-input-block">
            <!-- 上传按钮 -->
            <button type="button" lay-img="" class="layui-btn" id="upload1">
                上传图片
            </button>
            <!-- 隐藏的input -->
            <div>
                <label class="layui-form-label required" style="margin-left: -110px">预览图:</label>
                <input type="hidden" id="pic" name="carouselImg"th:value=""/>
            </div>
            <!-- 预览区域 -->
            <div id="imgDiv" class="layui-upload-list">
                <img class="layui-upload-img" width="100px" height="80px" id="demo1" name="msg"/>
                <p id="demoText"></p>
            </div>
        </div>
    </div>
<!--    <table>-->
<!--        <tr style="width: 200px;height: 30px; border: 1px solid black;">-->
<!--            <td colspan="9" style="width: 100%">课程视频</td>-->

<!--        </tr>-->
<!--        <tr style="width: 200px;height: 270px; border: 1px solid black;">-->
<!--            <td colspan="1" style="width: 11.1%;background-color: #F8F8F8">&nbsp&nbsp&nbsp预览：</td>-->
<!--            <td colspan="8" style="width: 88.9%" >-->
<!--                <div name="carouselVideo">-->
<!--                </div>-->
<!--                <input type="hidden" name="carouselVideo">-->
<!--                <input type="hidden" name="videoDuration">-->
<!--                <button type="button" class="layui-btn" id="test2">-->
<!--                    <i class="layui-icon">&#xe67c;</i>更换视频-->
<!--                </button>-->
<!--            </td>-->

<!--        </tr>-->
<!--    </table>-->




    <div class="layui-form-item layui-form-text" style="width: 410px">
        <label class="layui-form-label">内容备注</label>
        <div class="layui-input-block">
            <textarea name="remarks" placeholder="请输入标签" class="layui-textarea"></textarea>
        </div>
    </div>

    <div class="layui-form-item">
        <div class="layui-input-block">
            <button type="submit" class="layui-btn" lay-submit lay-filter="formDemo">确认修改</button>
            <button type="button" class="layui-btn " id="refresh">重置</button>
        </div>
    </div>
</form>

<script src="../../layui/jquery-3.6.0.js"></script>
<script src="../../layui/layui.js"></script>



<script src="../../js/carouselJs/updateCarouselJs/updatecarousel.js"></script>
</body>
</html>




